<?php
//Código para el idioma
if ($leng == "en") {
    include_once APP_PATH . 'libs/en.php';
} else {
    include_once APP_PATH . 'libs/es.php';
}
?>
<!--eliminar comentario-->
<script type="text/javascript">
    
    
    $(document).ready(function() {
        $('.delete').live( 'click', function() {
            //$('.delete').click(function()// NO FUNCIONABA CUANDO ELIMINA NUEVOS COMENTARIOS
           
            //Recogemos el valor del servicio
            var service = $(this).attr('id');
            
            var dataString = 'id='+service;
            
            $.ajax({
                type: "POST",
                url: "<?php echo PUBLIC_PATH; ?>ajax/eliminar_comentario.php",
                data: dataString,
                success: function() {            
                    //$('#delete-ok').empty();
                    //$('#delete-ok').append('<div>Se ha eliminado correctamente el servicio con id='+service+'.</div>').fadeIn("slow");
                    //$('#'+parent).remove();
                    $('#service'+service).remove();
                }
                
            }); //FIN AJAX
        });                 
    });    
</script>


<style>
    .delete {
        cursor: pointer;
    }
</style>
<!--PARA GOOGLE MAPS COMIENZO-->
<style type="text/css">
    html { height: 100% }
    body { height: 100%; margin: 0px; padding: 0px }
    #map_canvas { height: 100% }
</style>

<meta name="viewport" content="initial-scale=1.0, user-scalable=yes" />
<script type="text/javascript">
    var id_ser = <?php echo $id_servicio ?>;
    var id_usu = <?php echo Auth::get('id') ?>;
    
    
</script>

<script type="text/javascript" src="https://maps.google.com/maps/api/js?libraries=weather&sensor=false">
    //Esto carga el api de Google Maps
</script>

<script type="text/javascript">
    //Este código carga el mapa con un marcador en la ubicacion
    //del centro turístico
    //FUNCTION INITIALIZE
    var map;
    var latlng = new google.maps.LatLng(<?php echo $latitud; ?>,<?php echo $longitud; ?>)
    $(document).ready(function(){
        
        //Setup del mapa
        var myOptions = {
            zoom: 14,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById('map_canvas'),
        myOptions);
        
        marker = new google.maps.Marker({
            position: latlng,
            map: map,
            title:"<?php echo $nombre ?>"
        });
        
        //AGREGAMOS CAPA DE CLIMA
        var weatherLayer = new google.maps.weather.WeatherLayer({
            temperatureUnits: google.maps.weather.TemperatureUnit.CELSIUS
        });
        weatherLayer.setMap(map);
        
        //NUBES
        var cloudLayer = new google.maps.weather.CloudLayer();
        cloudLayer.setMap(map)     
        
    });
</script>
<!--FORMULARIO DE COMENTARIO-->
<script>
    $(document).ready(function(){
        $('#boton-enviar').click(function(event){
            
            event.preventDefault();
            var nombre = $('#nombre').val();
            var comentario = $('#comentario').val();
            if (nombre != '' && comentario != ''){
                $("#comentario").val('');
                $("#mensaje").fadeOut(1000, function(){
                    $.post(
                    "<?php echo PUBLIC_PATH; ?>ajax/ingresar_comentario_serv.php", 
                    { nombre: nombre, comentario: comentario,  id_usu: id_usu,  id_ser: id_ser}, 
                    function(data) {
                        $("#comentarios").append(data);  
                    }, 
                    "html");
                    $('#mensaje').text('Comentario agregado!');
                });
            }
            else{}
                        
        });
                    
    });
</script>
<?php
setlocale(LC_MONETARY, 'en_US');
$number = $precio;
?>
<div style="text-align: center; ">
    <?php ?><h2><?php echo Html::link('cliente/detalle/'.$id_cli.'/'.$leng, Html::img('back_home.png','','height="50" width="50"'));  echo "&nbsp;".$nombre_cliente ?></h2>
</div>

<div class="container-fluid">
    <div class="row-fluid">
        
        <div class="span7">
            <table class="table table-bordered span12" style="margin-left: 0px;">
                <tbody>
                    <tr class="">
                        <td class="span7">
                            <h4><?php echo $nombre ?></h4>
                            <h5><?php echo $tipo ?></h5>
                            <div class="well" style="border-radius: 25px; background-color:#f4fff7; border-style: none">
                                <?php echo $detalle ?>
                            </div>
                            <div id="precio" style="text-align: left;">
                <span class="badge badge-info" style=" font-size: 24px; font-family:Verdana;">
                    <?php
                    $precio_conv = $precio;
                    $precio = number_format($precio, 0, ',', '.');
                    echo "$" . $precio; 
                  ?> </span><?php  
                    if ($leng == "en") 
                    echo "<a target='_blank' href='http://www.xe.com/ucc/convert/?Amount=".$precio_conv."&From=CLP&To=USD'>".Html::img('dollar_icon.png')."</a>";
                        ?>
                
            </div>
                        </td>
                    </tr>
                        
                    <tr>
                        <td> <?php echo  "<span class='label label-info'>".$mostrar.":&nbsp;".$cliente_detalle_visitas."</span>"; ?></td>
                    </tr>
                        
                </tbody>
            </table>
        </div>
        
        <div class="span5">
            <table class="table table-bordered" style="margin-left: 0px;">
                <tr>
                    <td>
                        <div class="" id="map_canvas" style=" height:350px; width: 350px"></div>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: right">
                        <b><span style="color: #002a97; font-family:Tahoma;"><?php echo $region; ?></span></b> 
                        <br>
                        <span style="font-family:Tahoma;"><?php echo $direccion . " - " . $ciudad; ?>
                        </span>
                    </td>
                </tr>
            </table>
            
            
        </div>
        
    </div>
</div>


<?php
if ($cont == 0) {
    
}
if ($cont == 1) {
    ?>
<table class="table table-hover  span12"  style="margin-left: 0px;">

    <?php for ($i = 0; $i <= $contador - 1; $i++) {
        ?>

          
            
                <tr id="service<?= $idComentario2[$i] ?>">
                    <td><?php echo "<b>" . $nombre2[$i] . "</b>"; ?>
                        <br><div style="text-align: left;"> <?php echo $detalle2[$i]; ?> </div>
                    </td>
                    <td style="text-align: right;"><?php
        echo "<b>" . $fecha2[$i] . "</b>";
        if (Auth::is_valid()) {
            if (Auth::get("id") == $id2[$i] || Auth::get("rol_usu") == "administrador") {
                ?>
                                    <a  class="delete" id="<?= $idComentario2[$i] ?>"><i class="icon-remove"></i></a>  
                                <?php }
                            }
                            ?>
                        </td>
                </tr>
           
            
         
    <?php } //fin for ?>
</table>
<?php } ?>        
<?php
if (!Auth::is_valid()) {
    echo "<b>".$cliente_detalle_mensaje2."</b>";
} else {
    ?>
    <strong id="mensaje"> <?php echo $cliente_detalle_nuevocom; ?>:</strong>

    <div id="comentarios">

        <!-- aca apareceran los nuevos comentarios -->

    </div>

    <!--Formulario de comentario-->
    <form action="#">
    <?php echo Form::hidden("nombre", null, $nombre_usuario); ?>  
        <div style="text-align: center;"> <?php echo Form::text("comentario", "class='span3  comentario'"); ?> </div>  
    <?php echo Form::hidden("id_usu", null, Auth::get("id")); ?>
    <?php echo Form::hidden("id_ser", null, $id_servicio) ?>
        <div style="text-align: center;"><input id="boton-enviar" type="submit" value="<?php echo $cliente_detalle_boton; ?>" class="btn btn-primary boton" /></div>
    </form>  

    <?php } ?>